<template>
	<view>
		<u-popup v-model="additionVotesShow" mode="bottom" height="100%" :mask-close-able="false">
					<view class="addition_vote">
						<view class="arrow_img">
							<image src="@/static/arrow.gif" mode="" style="width: 100%;height: 100%;"></image>
						</view>
						<view class="share_style">
							<view class="edit_img">
								<image src="@/static/edit.png" mode="" style="width: 100%;height: 100%;"></image>
							</view>
							<view class="close_img">
								<image src="@/static/close.png" mode="" @click="additionVotesShowBtn"
									style="width: 100%;height: 100%;"></image>
		
							</view>
						</view>
		
					</view>
				</u-popup>
	</view>
</template>

<script>
	
	export default {
		props:{
			additionVotesShow:Boolean,
		},
		data() {
			return {
				
			}
		},
		methods: {
			additionVotesShowBtn(){
				this.additionVotesShow = false
				this.$emit("additionVotesShowBtn",false)
			}
		}
	}
</script>

<style scoped lang="scss">

	.arrow_img {
		width: 120rpx;
		height: 120rpx;
		position: absolute;
		top: 0;
		right: 110rpx;
	}

	.edit_img {
		width: 600rpx;
		height: 100rpx;
		margin: 80rpx auto;
	}

	.close_img {
		width: 500rpx;
		height: 80rpx;
		margin: 0 auto;
	}

	.share_style {
		width: 100%;
		height: 400rpx;
		background-color: #ffffff;
		position: absolute;
		bottom: 0;
	}
		/deep/ .u-drawer-bottom {
			background-color: transparent !important;
		}
</style>
